<LayoutTableSmall :heightExtend="80">
    <!-- 顶部 -->
    <template slot="top"></template>
    <!-- 其他 -->
    <template slot="other"></template>
    <template slot="extend">
        <div class="countWrap" v-if="countData">

            <div class="li">
                <div class="icon el-icon-bank-card"></div>
                <div class="c1">提现金额（元）</div>
                <div class="c2">{{countData.withdrawAmount}}</div>
            </div>
            <div class="li">
                <div class="icon el-icon-money"></div>
                <div class="c1">提现笔数</div>
                <div class="c2">{{countData.withdrawCount}}</div>
            </div>
            <div class="li">
                <div class="icon el-icon-coin"></div>
                <div class="c1">提现手续费（元）</div>
                <div class="c2">{{countData.withdrawFeeAmount}}</div>
            </div>
        </div>
    </template>
    <!-- 搜索 -->
    <template slot="search">
        <el-form :inline="true" label-position="left" label-width="80px" :model="mixinTable_tableSearchData"
            @submit.native.prevent class="demo-form-inline">




            <el-form-item>
                <el-select placeholder="请选择提现方式" v-model="withdrawType" style="width:150px;" @change="clickWithdrawa">
                    <el-option v-for="(item,index) in withdrawlList" :key="index" :label="item" :value="index">
                    </el-option>
                </el-select>
            </el-form-item>

            <el-form-item>
                <el-select placeholder="请选择申请状态" v-model="withdrawStatus" style="width:150px" @change="clickState">
                    <el-option v-for="(item,index) in stateList" :key="index" :label="item" :value="index">
                    </el-option>
                </el-select>
            </el-form-item>

            <el-form-item>
                <el-date-picker style="width:240px" v-model="timeValue1" type="daterange" @change="timeSelect"
                    range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期">
                </el-date-picker>
            </el-form-item>

            <el-form-item>
                <el-input clearable v-model="mixinTable_tableSearchData.memberInfo" placeholder="请输入手机号/微信昵称"
                    @change="inputSearch" style="width:230px">
                    <el-button slot="append" icon="el-icon-search" @click="inputSearch"></el-button>
                </el-input>
            </el-form-item>

        </el-form>
    </template>
    <!-- 功能 -->
    <template slot="function">

    </template>
    <!-- 表格 -->
    <template slot="table">

        <el-table v-loading="mixinTable_loading" :data="mixinTable_tableData" border style="width: 100%;"
            :ref="mixinPage_vueName+'TableSmall'" height="100%"
            @selection-change="mixinTable_handleSelectionChangeTableSmall">
            <el-table-column type="selection" width="50" align="center"></el-table-column>
            <el-table-column prop="nickName" label="会员名称" width="150" align="center"></el-table-column>
            <el-table-column prop="mobile" width="150" label="手机号" align="center"></el-table-column>
            <el-table-column prop="withdrawType" label="提现方式" align="center">
                <template slot-scope="scope">
                    {{getWithdrawType(scope.row.withdrawType)}}
                </template>
            </el-table-column>
            <el-table-column label="收款账户" width="220" align="center">
                <template slot-scope="scope">
                    <div v-if="scope.row.withdrawType == 1">
                        用户微信账户
                    </div>
                    <div v-if="scope.row.withdrawType == 2">
                        {{scope.row.bankName}}{{scope.row.bankCard}}
                    </div>
                    <div v-if="scope.row.withdrawType == 3">
                        {{scope.row.alipayAccount}}
                    </div>
                </template>
            </el-table-column>
            withdrawAmount
            <el-table-column prop="withdrawAmount" label="申请提现金额" align="center"></el-table-column>
            <el-table-column prop="withdrawFeeAmount" label="手续费" align="center"></el-table-column>
            <el-table-column prop="paymentAmount" label="到账金额" align="center"></el-table-column>
            <el-table-column label="申请时间" width="200" align="center">
                <template slot-scope="scope">
                    {{$vFN.Utils.timestampToDate('yyyy-MM-dd HH:mm:ss',scope.row.createdTime*1000)}}
                </template>
            </el-table-column>
            <el-table-column width="100" label="申请状态" align="center">
                <template slot-scope="scope">
                    <el-tag type="success" v-if="scope.row.withdrawStatus == 4">
                        {{ transformText(scope.row.withdrawStatus) }}
                    </el-tag>
                    <el-tag type="info" v-else-if="scope.row.withdrawStatus == 6">
                        {{ transformText(scope.row.withdrawStatus) }}
                    </el-tag>
                    <el-tag v-else>{{ transformText(scope.row.withdrawStatus) }}</el-tag>
                </template>
            </el-table-column>
            <el-table-column label="操作" align="center" width="200">
                <template slot-scope="scope">
                    <el-button @click="userOperating(scope.row.id)" type="primary" v-if="scope.row.withdrawStatus == 1">
                        审核
                    </el-button>
                    <el-button @click="paymentConfirm({id:scope.row.id,type:scope.row.withdrawType})" type="primary"
                        v-if="scope.row.withdrawStatus == 2">打款
                    </el-button>
                </template>
            </el-table-column>
        </el-table>

    </template>
    <!-- 表格选项 -->
    <template slot="options">
        <el-button :disabled="mixinTable_selectTableData.length<=0" @click="mixinTable_selectTableDeleteData()">
            删除已选</el-button>
        <el-button :disabled="mixinTable_selectTableData.length<=0"
            @click="mixinTable_clearSelectionChangeTableSmall()">
            取消选择
        </el-button>
    </template>
    <!-- 分页 -->
    <template slot="page">
        <el-pagination class="paginationStyle" v-if="mixinTable_pageData.total>0" background
            @current-change="mixinTable_pagingData($event)" :current-page="mixinTable_pageData.pageNum"
            :page-size.sync="$vFN.Constants.pageSize" layout="total, prev, pager, next,jumper"
            :total.sync="mixinTable_pageData.total">
        </el-pagination>
    </template>
</LayoutTableSmall>